<%
//主页
layout("/inc/layout.html",{
title:'智慧洛龙',
keywords:'智慧洛龙',
description:'智慧洛龙',
style:'index.css'
}){
%>

<section class="container">
	<div class="wrapper wrapper-content">
	<div class="panel panel-primary">
   	<div class="panel-heading">
	<h1 style="color: white;">${deptName!}</h1>
   </div>
	<div class="panel-body">
	 <!--事项菜单-->
				
			 <h4><i class="iconfont icon-computer"></i>事项列表-共${pager.totalPage}页，${pager.total}条事项</h4>
              <hr></hr>
				<div class="col-sm-4">
					<h5 class="alert alert-success" align="center"">按事项类型</h5>
					<%if(isNotEmpty(serviceTypeMap)){for(map in serviceTypeMap){%>
					<div class="col-sm-6" style="margin-top: 12px;">
						<a href="/itemList/${itemType!}/${deptCode}-1-${map.key}" class="btn btn-primary ${serviceType==map.key?'btn-outline'} btn-lg "> <i
							class="iconfont icon-jiantou${serviceType==map.key?'1'}"></i>${map.value}
						</a>
					</div>
					<%}}%>
				</div>
				<div class="col-sm-8">
              <% if(isNotEmpty(itemsList)){ for(item in itemsList){ %>
					<div class="media">
						<div class="media-body">
						 <h3> 
						  <a href="/itemList/detail/${item.unid!}" style="text-decoration: none;" >${item.serviceName!}</a>
						</h3>
						</div>
						
							<div class="media-bottom">
							<div class="pull-left">
						          <b> 受理部门：</b>${item.deptName!} <b>星级：</b>${item.starLevel!}星
							</div>
							<div class="pull-right">
							    <a href="/itemList/detail/${item.unid!}" class="btn btn-primary btn-outline"><i class="iconfont icon-zhinanzhen" aria-hidden="true">办事指南</i></a>
                               <a href="/unifyDeclare/info/${item.serviceCode!}" class="btn btn-primary btn-outline"><i class="iconfont icon-qianzhengbanli" aria-hidden="true">在线办理</i></a>
							 <a href="javaScript:alert('功能正在建设中，暂无法评价！')" class="btn btn-primary btn-outline"><i class="iconfont icon-pingjia" aria-hidden="true">评价</i></a>
							</div>
						</div>
						
					</div>
					<hr>
					<%}}else{%>
						<div class="text">暂时无相关办理事项</div>
					<%}%>

					<section class="center-block text-left">
						<div class="col-sm-page-12">
							<ul class="pagination">
								<li><a
									href="/itemList/${itemType!}/${deptCode}-${pager.start}-${serviceType}"
									aria-label="First"><span aria-hidden="true">首页</span></a></li>
								<li><a
									href="/itemList/${itemType!}/${deptCode}-${pager.pre}-${serviceType}"
									aria-label="Previous"><span aria-hidden="true">上一页</span></a></li>
								<li><a href="" aria-label="Previous"><span
										aria-hidden="true">第&nbsp;${pager.pageNum}/${pager.totalPage}&nbsp;页</span></a></li>
								<li><a
									href="/itemList/${itemType!}/${deptCode}-${pager.next}-${serviceType}"
									aria-label="Next"><span aria-hidden="true">下一页</span></a></li>
								<li><a
									href="/itemList/${itemType!}/${deptCode}-${pager.offset}-${serviceType}"
									aria-label="Last">尾页</a></li>
							</ul>
						</div>
					</section>

				</div>
			</div>
        </div>


		</div>
</section>





<% } %>
<script>
    require(['modules/implement'], function (implement) {
    	implement.dept();
    });

</script>
</body>
</html>